<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <style>
    </style>
</head>
<body>

<img class="scrollLoading" data-url="http://image.zhangxinxu.com/image/study/head/s180/1.jpeg" src="http://www.zhangxinxu.com/study/image/pixel.gif" width="180" height="180" style="background:url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;" />

<script type="text/javascript">
    
$(function() {
    $(".scrollLoading").scrollLoading({
        container: $("#zxxMainCon"),
        callback: function() {
            this.style.border = "3px solid #a0b3d6";    
        }
    }); 
});

</script>

</body>
</html>